<script setup>
// import HelloWorld from './components/HelloWorld.vue'
</script>

<template>
  <!-- <header>
    <div class="wrapper">
      <HelloWorld msg="You did it!" />
    </div>
  </header> -->

  <ul class="nav">
    <li>
      <router-link to="/home">Home</router-link>
    </li>
    <li>
      <router-link to="/about">About</router-link>
    </li>
    <li>
      <router-link to="/user">user-center</router-link>
    </li>
    <li>
      <router-link to="/product/123">product-123</router-link>
    </li>
    <li>
      <router-link to="/product/456">product-456</router-link>
    </li>
    <li>
      <router-link to="/Vuex">vuex</router-link>
    </li>
    <li>
      <router-link to="/element">element</router-link>
    </li>
    <li>
      <router-link to="/form">form</router-link>
    </li>
    <li>
      <router-link to="/list-demo">list-demo</router-link>
    </li>
    <li>
      <router-link to="/composition-api">composition-api</router-link>
    </li>
    <li>
      <router-link to="/Register">Register</router-link>
    </li>
    <li>
      <router-link to="/AccountList">AccountList</router-link>
    </li>

  </ul>
  <div>
    <router-view></router-view>
  </div>


</template>

<style scoped>

</style>
